<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>我的首页</title>
    </head>
    <body>
        <!--
            <center>:居中显示,凡是在该标签中的内容都会在页面上居中显示
                     该标签在HTML5的标准后就不再建议使用了
            <h>:标题,分别对应h1-h6
                标题独立占用一行
            <input>:输入组件,用于获取用户的输入.该组件具体体现为什么
                    样子,取决于type属性的值.常见的有:
                    text:文本框
                    password:密码框
                    radio:单选框
                    checkbox:复选框
                    button:按钮
            <br>:换行
            <a>:超链接,标签中间的文本是超链接上提示的字符.
                href属性用于指定点击超链接后的请求路径.
                该路径可以用绝对路径或相对路径,绝对路径通常请求其他
                网站,相对路径通常请求本网站其他资源.

            <table>:表格,table标签下可以包含<tr>
                    <tr>:行,下面可以包含<td>
                    <td>:列.
                    即:table包含tr用来指定表格中有多少行.
                       tr中包含td,用来指定一行中有多少列.

           <img>:图片
                 属性src用于指定图片的路径.

           当我们在页面上加载某个资源时若使用了相对路径中的"./"当前目录时
           浏览器实际理解该路径是基于请求当前页面时地址栏中当前页面所在的
           目录而定的,例如:
           请求当前index.html页面时浏览器地址栏上输入的路径为:
           http://localhost:8088/myweb/index.html
           那么,此时浏览器认为"./"为:
           http://localhost:8088/myweb/
           所以如果在页面上图片中指定路径使用:src="./logo.png"浏览器
           实际理解的路径为:
           http://localhost:8088/myweb/logo.png


           访问当前网站其他资源时我们也可以使用绝对路径"/",即:根目录
           "/"浏览器理解为是URL中抽象路径部分最左边的第一个"/"的位置.
           例如:
           请求当前页面是浏览器地址栏路径:
           http://localhost:8088/myweb/index.html
           那么,"/"的位置就是:
           http://localhost:8088/
           如果图片指定的路径为:"/myweb/logo.png"那么实际路径为:
           http://localhost:8088/myweb/logo.png



         -->
        <center>
            <img src="./logo.png"><br>
            <!--
            <h1>百度</h1>
            <h2>我是标题</h2>
            <h3>我是标题</h3>
            <h4>我是标题</h4>
            <h5>我是标题</h5>
            <h6>我是标题</h6>
            -->
            <input type="text" size="32">
            <input type="button" value="百度一下" onclick="alert('点你妹啊!')">
            <br>
            <a href="http://www.taobao.com">去淘宝</a>
            <br>
            <table border="1">
                <tr>
                    <td>第一列</td>
                    <td align="center" colspan="2">第二列</td>
                </tr>
                <tr>
                    <td rowspan="2">第一列</td>
                    <td>第二列</td>
                    <td>第三列</td>
                </tr>
                <tr>
                    <td>第二列</td>
                    <td>第三列</td>
                </tr>
            </table>



        </center>
    </body>
</html>